
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta charset="utf-8">
<style>
a:link
{
color:blue;
text-decoration:none;
}

a:hover
{
color:yellow;
text-decoration:underline;
}

a:visited
{
color:bule;
text-decoration:underline;
}

a:active
{
color:black;
text-decoration:underline;
}

h3{
    background:#518700 url(bang.gif) no-repeat 115px;
    font-size:16px;
    color:white;
    line-height:30px;
    text-indent:30px;
}

div
{
width:300px;
background-image:-webkit-linear-gradient(top,#F9FBCB,#F8F8F3)		
}

li{
font-size:12px;
line-height:28px;
list-style:none;
text-indent:28px;
color:#1a66b3;
}

ol li:nth-of-type(1){
background:url(book_no01.gif) no-repeat; 
}

ol li:nth-of-type(2){
background:url(book_no02.gif) no-repeat; 
}

ol li:nth-of-type(3){
background:url(book_no03.gif) no-repeat;
}

ol li:nth-of-type(4){
background:url(book_no04.gif) 1px center no-repeat;
}

ol li:nth-of-type(5){
background:url(book_no05.gif) 1px center no-repeat;
}

ol li:nth-of-type(6){
background:url(book_no06.gif) 1px center no-repeat;
}

ol li:nth-of-type(7){
background:url(book_no07.gif) 1px center no-repeat;
}
ol li:nth-of-type(8){
background:url(book_no08.gif) 1px center no-repeat;
}

ol li:nth-of-type(9){
background:url(book_no09.gif) 1px center no-repeat;
}

ol li:nth-of-type(10){
background:url(book_no10.gif) 1px center no-repeat;
}

</style>


<div>
<h3>畅销书排行</h3>
<ol>
<li><a href="#">不抱怨的世界(畅...</a></li>
<li><a href="#">遇见未知的自己...</a></li>
<li><a href="#">活法（季羡林、...</a></li>
<li><a href="#">高效能人士的七个习惯</a></li>
<li><a href="#">被迫强大（北外女生香奈儿...</a></li>
<li><a href="#">遇见心想事成的自己（《遇...</a></li>
<li><a href="#">世界上最伟大的推销员（插...</a></li>
<li><a href="#">我的成功可以复制（唐骏亲...</a></li>
<li><a href="#">少有人走的路：心智成熟的...</a></li>
<li><a href="#">活出全新的自己——唤醒...</a></li>
</ol>
</div>